<template>
    <div id="poster">
        <div class="main">
        <img src="https://rzkeji.oss-cn-shenzhen.aliyuncs.com/web/bbMachine/h5/1_07.png" alt="" class="slide" crossOrigin="Anonymous">
        <img src="https://rzkeji.oss-cn-shenzhen.aliyuncs.com/web/bbMachine/h5/posterH.png" alt="" class="logo" crossOrigin="Anonymous">
        <img src="https://rzkeji.oss-cn-shenzhen.aliyuncs.com/web/bbMachine/h5/1_10.png" alt="" class="slide" crossOrigin="Anonymous">
    </div>
    </div>
</template>
<script>
    export default{
        data(){
            return{

            }
        }
    }
</script>
<style lang="scss" scoped>
    #poster{
        background:url('https://rzkeji.oss-cn-shenzhen.aliyuncs.com/web/bbMachine/h5/bg1.png');
        width:100%;
        height:100%;
        background-size:100% 100%;
    }

    .main{
            padding-top:40px;
            width: 100vw;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            .logo{   
                width: 40vw;
                margin:0 20px;
            }
            .goal{
                bottom:10%;
                left:50%;
                width: 50vw;
            }
            .slide{
                width: 40px;
            }
        }
</style>